<template>
	<view :style="{'height':'44px',
		paddingLeft:'12px',
		'overflow':'hidden',
		display:'flex',
		alignItems:'center',
		'padding-top':statusbarHeight+'px'}">
		<slot></slot>
	</view>
</template>

<script>
	export default {
		props: {
			'idx': {
				default: 0,
			},
			"isnormal": {
				default: true
			},
			"title": {
				default: ""
			}
		},
		data() {
			return {
				statusbarHeight: 0
			};
		},
		mounted() {
			this.statusbarHeight = uni.getSystemInfoSync().statusBarHeight;
		},
		methods: {
			backHandle() {
				uni.navigateBack();
			}
		}
	}
</script>

<style>
	.title {
		color: white;
		flex: 1;
		text-align: center;
		font-size: 16px;
	}

	.title2 {
		color: black;
	}

	.ico,
	.back-ico {
		width: 20px;
		height: 20px;
	}
</style>